<template>
  <div id="app">
    <transition>
      <router-view />
    </transition> 
  </div>
</template>

<script>

</script>

<style>
* {
  padding: 0;
  margin: 0;
}

ul,
ol,
li {
  list-style: none;
}

a,
u {
  text-decoration: none;
}
a{
  color: black;
}
/* 入场效果 */
.v-enter {
    /* 开始隐藏 */
    opacity: 0;
}

/* 入场动画执行状态 */
.v-enter-active {
    transition: all 1s;
}

/* 动画完成结束时效果 */
.v-enter-to {
    /* 动画完成显示 */
    opacity: 1;
}
</style>
